<template>
  <div class="share">
    <van-nav-bar :placeholder="true" fixed title="分数看板分享" left-arrow @click-left="$router.go(-1)" />
    <div class="shareInfo">
      <div class="shareImg">
      <van-image width="2rem" height="2rem" radius=".2rem" fit="cover" src="https://img01.yzcdn.cn/vant/cat.jpeg" />
    </div>
    <h4>0914 popping</h4>
    <p class="nums">0914</p>
    <p class="divider">》》》》》</p>
    <div class="qrCode">
      <van-image width="2.3rem" height="2.3rem" radius=".2rem" fit="cover" src="../assets/qrCode.jpg" />
    </div>
    <van-button style="width:70%;height:7.5vh;border-radius:.12rem" color="#5b55ff">长按扫码查看选手成绩</van-button>
    </div>
  </div>
</template>

<script>
export default {

}
</script>
<style lang="less" scoped>
.share {
  color: #fff;
}

.shareInfo {
  margin: auto;
  text-align: center;
  margin-top: 1.4rem;
  h4{
    font-size: .5rem;
    margin-bottom: 1.5rem;
  }
  .nums{
    font-size: .3rem;
    margin-bottom: .5rem;
  }
  .divider{
    font-size: .3rem;
    margin-bottom: .5rem;
  }
  .qrCode{
    background: #935aff;
    margin: auto;
    text-align: center;
    border-radius: .2rem;
    width: 2.5rem;
    width: 2.5rem;
    padding: .2rem 0 0;
    display: inline-block;
  }
}
</style>